Estoy tratando de que el servidor en vivo vuelva a cargar automáticamente el código una vez que guarde mi cambio.
Instalé el servidor en vivo globalmente y creé una test de carpeta y puse 3 archivos allí
mkdir test cd test touch index.html main.js .live-server.json live-serverAquí está el contenido de index.html
<script src='main.js'></script>Aquí está el contenido de main.js
console.log('hi'); y recibí "hola" en mi consola de desarrollo de dev .
Cuando cambié el código, obtuve
Cambio detectado /Users/ubuntu/dev/test/main.js
Sin embargo, mi consola de desarrollo de Chrome no produjo ese cambio. Tengo que actualizar la página manualmente. ¿Cómo hago que mi cambio se cargue automáticamente?
¡En primer lugar, actualice su browser y el paquete live-server ! Intente volver a ejecutar su live-server sin .live-server.json ( ¡quítelo! ) porque, como podemos leer en los documentos:
Si existe un archivo ~/.live-server.json, se cargará y se usará como opciones predeterminadas para el servidor en vivo en la línea de comandos. Consulte " Uso del nodo " para conocer los nombres de las opciones.
¡Necesita agregar a su repetitivo index.html ! ¡Ahora debería funcionar a las mil maravillas! ;-)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <script src="main.js"></script> </body> </html> También puede intentar ejecutar live-server con un port diferente, así:
live-server --port=5000